<template>
	<!-- 调用 -->
	<city-header></city-header>
	<city-List :CityList='cityList' :hCity="hCity"></city-List>
</template>

<script>
	/* 引入 */
	import CityHeader from './pages/Header'
	import CityList from './pages/List'
	import axios from 'axios'

	/* 导出 */
	export default {
		components: {
			CityHeader,
			CityList
		},

		data() {
			return {
				hotCities: [], //接收Hotcities组件数据
				city: [],
				cityList: []
			}
		},
		mounted() {
			axios.get('./city.json').then((res) => {
				const msg = res.data.data[0]; //声明变量获取请求结果里面的数据
				//空数组获取组件数组数据
				this.hotCities = msg.hotCities;
				this.city = msg.city;
				this.cityList = msg.city;

			})
		}
	}
</script>

<style scoped>
	.city {
		background-color: #f5f5f5;
	}
</style>
